<template>
  <base-breadcrumb :title="title" :breadcrumb="!isAudit">
    <!-- 职工代表大会编辑 -->
    <a-spin :spinning="loading"  class="table-page-search-wrapper">
      <a-form-model
        ref="ruleForm"
        :model="form"
        :label-col="{ span: 6 }"
        :wrapper-col="{ span: 18 }"
        :rules="editModel != 0 ? rules : {}"
        :class="(editModel!=0 && editModel!=3)?'rulesForm':''"
      >
        <!-- 表格 -->
        <a-card :bordered="false">
          <title-name title="经典方案"></title-name>
          <custom-form :isEmit="false" :formList="formList" :form="form" :editModel="editModel == 0 ? '' : ''" @selectOrg="selectOrg">
            <!-- 危大工程范围插槽 -->
            <template slot="acceptanceEmployeeId" slot-scope="scoped">
              <a-tag v-for="dangerProject in form.dangerDangerDTOS" :key="dangerProject.dangerProjectTypeId" color="#108ee9"  :closable="!(!form.projectQualityTypeId || disableForm)" @close="delDangerProjectType(dangerProject.dangerProjectTypeId)"  :title="dangerProject.dangerProjectTypeName">{{setDangerProjectTypeName(dangerProject.dangerProjectTypeName) }}</a-tag>
              <!-- 新增按钮 -->
              <a-button class="ml12" style="flex-shrink: 0" icon="plus" size="small" type="primary"
                :disabled="!form.projectQualityTypeId || disableForm" ghost @click="dangerousProjectVisible=true"> 选择</a-button>
                <DangerousProject v-if="schemeAB" :visible="dangerousProjectVisible" :projectQualityTypeId="form.projectQualityTypeId" @cancel="cancelDangerousProject" :projectType="projectType" :parSelectedRows="form.dangerDangerDTOS ||[]"></DangerousProject>
            </template>
               <!-- 技术方案分类插槽 -->
               <template slot="technicalName" slot-scope="scoped">
                <a-input v-model="form.technicalName" style="width: 80%;" disabled></a-input>
                <!-- 新增按钮 -->
                <a-button class="ml12" style="flex-shrink: 0" icon="plus" size="small" type="primary" :disabled="!form.projectQualityTypeId || disableForm" ghost @click="selectTechnicalClassVisible=true"> 选择</a-button>
                <SelectTechnicalClass :visible="selectTechnicalClassVisible" :projectQualityTypeId="form.projectQualityTypeId" @cancel="cancelSelectTechnicalClass"></SelectTechnicalClass>
              </template>
                <!-- 是否为专业分包方案 -->
                <template slot="professionalSubcontractProgram" slot-scope="scoped">
                <a-switch v-model="form.professionalSubcontractProgram" style="width: 10%;" :disabled="disableForm"></a-switch>
              </template>
                <!-- 是否涉及重大费用诉求 -->
                <template slot="isMajorDemands" slot-scope="scoped">
                <a-switch v-model="form.isMajorDemands" style="width: 10%;" :disabled="disableForm"></a-switch>
              </template>
                 <!-- 附件上传 -->
              <template slot="fileList" slot-scope="scoped">
                <fileTable :business-code="'BIM03'" :file-info="fileListObj"  :disabled="disableForm" @fileArrysData="changeFile" :fileTalbe="fileTalbe"
              /> 
              </template>
          </custom-form>
        </a-card>

        <a-card v-if="editModel == 0 || editModel == 1 || editModel==2" :bordered="false">
          <title-name title="推公司优秀"></title-name>
          <custom-form :isEmit="false" :formList="pushList" :form="form" :editModel="editModel == 0 ? '' : ''">
          </custom-form>
        </a-card>
        <!-- form.pushOfficeInfo存在-->
        <a-card  :bordered="false" v-if="editModel==3 || (editModel == 0 && form.pushOfficeInfo)">
          <title-name title="推局优秀"></title-name>
          <custom-form :isEmit="false" :formList="pushOfficeList" :form="form" :editModel="editModel == 0 ? '' : ''">
          </custom-form>
        </a-card>
      </a-form-model>

      <!-- 页脚操作栏 -->
      <div class="btn_box page-btn-right-top" v-if="editModel != 0 && !isConsultation">
        <a-button
          class="button_right"
          v-if="form.auditStatus == 5"
          type="primary"
          :loading="loadingBtn.REJECTED"
          @click="handleSubmit('REJECTED')"
          >保存</a-button
        >
        <a-button v-else class="button_right" type="primary" :loading="loadingBtn.DRAFT" @click="handleSubmit('DRAFT')"
          >保存草稿</a-button
        >
        <a-button class="button_right" type="primary" :loading="loadingBtn.SUBMITTED" @click="handleSubmit('SUBMITTED')"
          >提交</a-button
        >
        <a-button @click="handleActiveClose" v-if="!isConsultation">关闭</a-button>
      </div>
      <div class="btn_box page-btn-right-top" v-if="!isConsultation">
        <a-button @click="handleActiveClose">关闭</a-button>
      </div>
    </a-spin>
    <selectApprover :businessId="businessId"  :processConfig="setProcessConfig"></selectApprover>
  </base-breadcrumb>
</template>

<script>
import {
  getPlanHighlightsList,
  getPlanHighlights,
  addPlanHighlights,
  addPlanHighlightsPush
} from '@/api/technical/planHighlights'
import BaseEditPage from '@/views/baseEditPage' // 编辑详情页基础配置
import SelectPersonModal from '@/components/SelectPersonModal'
import SelectPersonByProject from '@/components/Select/SelectPersonByProject'
import { getList, getDetails } from '@/api/technical/approval'
import { planClassic } from './model'
import { listOption } from '@/api/technical/approvalPlan'
import SelectProjectType from '@/components/Select/SelectProjectType' // 工程类别
import SelectTreeSubItem from '@/components/Select/SelectTreeSubItem' // 分部分项
import DangerousProject from './../../Approval/dangerousProject'
import SelectTechnicalClass from './../../Approval/selectTechnicalClass'   //技术方案分类
import FileTable from './../../Approval/fileTable.vue'
export default {
  name: 'a' + Date.now(),
  extends: new BaseEditPage(),
  components: {
    SelectPersonModal,
    SelectPersonByProject,
    DangerousProject,
    SelectTechnicalClass,
    FileTable
  },
  props: {
    // 是否作为审批详情
    isAudit: {
      type: Boolean,
      default: false
    },
    // 是否作为意见征询
    isConsultation: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      loading: false, // 加载控件
      visible: false, //弹窗控件
      editModel: 0, // 操作状态:0 查看;1 编辑;2 新增，3推局级
      typeOption: [],
      form: {
        planTypeId: null,
        currentVersion: null,
        tableNumber: null,
        documentCode: null,
        preparedPeople: null,
        preparedDate: null,
        planInfo: null,
        textPageNum: null,
        appendixNum: null,
        professionalSubcontractProgram: null,
        fileList: null,
        pushOfficeInfo: null,
        pushOfficeFileList: [],
        dangerDangerDTOS:[], //危大工程范围数据
        classicsTypeId:'948478633830387712',
        newFileIds:{},
        pushFileList:[],
      }, // 表单
      id: '',
      loadingBtn: {
        DELETE: false,
        DRAFT: false,
        SUBMITTED: false,
        REJECTED: false
      },
      rules: {
        planId: [{ required: true, message: '请选择' }],
        projectId: [{ required: true, message: '请选择' }],
        branchCompanyId: [{ required: true, message: '请选择' }],
        pushInfo: [{ required: true, message: '请输入' }],
        pushOfficeInfo: [{ required: true, message: '请输入' }],
        planName: [{ required: true, message: '请输入' }],
        planTypeId: [{ required: true, message: '请选择' }],
        projectQualityTypeId: [{ required: true, message: '请选择' }],
        partIdList: [{ required: true, message: '请选择' }],
        dangerDangerDTOS:[{ required: true, message: '请选择', trigger: 'change' }],
        currentVersion: [{ required: true, message: '请输入' }],
        documentCode: [{ required: true, message: '请输入' }],
        //preparedPeople:  [{ required: true, message: '请选择' }],
        textPageNum: [{ required: true, message: '请输入' }],
        appendixNum: [{ required: true, message: '请输入' }],
        technicalName:  [{ required: true, message: '请选择' }],
        subTypeId:  [{ required: true, message: '请选择' }],
      },
      planNameList: [],
      userInfo: JSON.parse(sessionStorage.getItem('ycloud-user_info')),
      init: false, // 初始化控件
      titles: ['经典方案查看', '经典方案编辑', '经典方案新增'],
      //获取流程配置值
      processConfig: null,
      //点击提交发送流程配置值
      setProcessConfig: null,
      businessId: null,
      personList: [], // 验证人员列表
      dangerousProjectVisible:false,
      projectType:'1', //危大工程范围传参，A 传1 超危大工程，B 传2 危大工程
      selectTechnicalClassVisible:false,
      subcontractType:[], //分包类型
      fileListObj:{},
      fileTalbe: [
          { id:1,fileName: '施工方案电子版', fileList: [] },
          { id:2,fileName: '相关图纸变更', fileList: [] },
          { id:3,fileName: '相关会签表', fileList: [] },
          { id:4,fileName: '其他', fileList: [] },
      ],
    }
  },
  props: {
    isAudit: {
      // 是否作为审批详情
      type: Boolean,
      default: false
    },
     // 是否作为意见征询
    isConsultation: {
      type: Boolean,
      default: false
      }
  },
  watch: {
    isAudit: {
      immediate: true,
      handler(val) {
        if (val) {
          this.$nextTick(() => {
            this.editModel = 0
          })
        }
      }
    },
    'form.planTypeId':{
      immediate: true,
      handler(val) {
        if (val) {
           if(val == '634285858551369728'){
            this.projectType = '1';
           }else if(val == '634285886040838144'){
            this.projectType = '2';
           }
        }
      }
    },
    'form.projectId':{
      immediate: true,
      handler(val,old) {
        if (val && old) { 
          this.$set(this.form, 'preparedPeople', null)//清空 编制人员
        }
      }
    },
  },
 async mounted() {
    this.$route.meta.title = ['经典方案查看', '经典方案编辑', '经典方案新增'][this.editModel]
    // 不为添加时请求详情

    if (this.editModel != 2) {
      this.getDetails()
    } else {
      this.$nextTick(() => {
        this.init = true
      })
    }
    //获取通过获取流程配置值
    if(this.editModel == 3){  //推局级
      this.processConfig = await this.$getConfigFn('technical_program_good_office');
    }else{
      this.processConfig = await this.$getConfigFn('technical_program_good');
    }
    listOption({ type: '5' }).then((res) => {
        this.typeOption = res.data || [];
        if(this.typeOption.length){
          this.typeOption.map((item)=>{
            item.label = item.name;
            item.value = item.id;
          })
        }
      })
      listOption({ type: '15' }).then((res) => {
        this.subcontractType = res.data
        if(this.subcontractType.length){
          this.subcontractType.map((item)=>{
            item.label = item.name;
            item.value = item.id;
          })
        }
      })
  },
  computed: {
    //方案是否是A,B
    schemeAB(){
      let planTypeId = this.form.planTypeId, 
      schemeArr = ['634285858551369728','634285886040838144'], //A,B
      flag = schemeArr.includes(planTypeId);
      return flag
    },
    disableForm(){
      //查看和推局级不可点击
      let flag = this.editModel == 0 || this.editModel ==3;
      return flag;
    },
    formList() {
      return [
        {
          label: '所属单位',
          type: 'orgTree',
          keyName: 'projectId',
          rules: [{ required: true, message: '请选择项目名称', trigger: 'change' }],
          span: 16,
          isAutoSelectFirst: this.editModel == 2,
          isNeedAuth:true,
          checkStrictly: true,
          // disabled:this.editModel == 0 || this.userInfo?.currentPost?.code != 'CO',
          disabled:this.disableForm,
          isQueryProjecDetail: false,
        },
        {
          keyName: 'planName',
          type: 'BaseInput',
          label: '方案名称',
          disabled: this.disableForm,
        },
        // {
        //   keyName: 'planId',
        //   disabled: this.editModel == 0,
        //   type: 'a-select',
        //   label: '方案名称',
        //   attrs: {
        //     showSearch: true,
        //     optionLabelProp: 'children'
        //   },
        //   data: this.planNameList,
        //   change: e => {
        //     this.loading = true
        //     //数据赋值到经典方案
        //     getDetails({ id: e }).then(res => {
        //       this.loading = false
        //       console.log(res)
        //       this.form.planName = res.data.schemeName
        //       this.form.planTypeId = res.data.programTypeName
        //       this.form.currentVersion = res.data.currentVersion
        //       this.form.tableNumber = res.data.reviewCode
        //       this.form.documentCode = res.data.fileCode
        //       this.form.preparedPeople = res.data.compiler
        //       this.form.preparedDate = res.data.reportingTime
        //       this.form.planInfo = res.data.programOverview
        //       this.form.textPageNum = res.data.bodyPages
        //       this.form.appendixNum = res.data.attachmentPages
        //       this.form.professionalSubcontractProgram =
        //         res.data.whetherProfessionalSubcontracting === 'true' ? true : false
        //       this.form.fileList = res.data.fileInfoVOList
        //     })
        //   }
        // },
        {
          keyName: 'planTypeId',
          type: 'a-select',
          label: '方案类型',
          disabled:this.disableForm,
          data:this.typeOption,
          change: () => {
            this.$set(this.form, 'dangerDangerDTOS', [])//清空 危大工程范围
          },
        },
        {
          label: '工程类别',
          type: SelectProjectType,
          keyName: 'projectQualityTypeId',
          showStop:false,
          disabled: this.disableForm,
          attrs:{
            defaultCheck:this.editModel == 2,
            isAllowClear:false,
            init:false,
            id:this.form.projectId,
          },
          change: () => {
            this.$set(this.form, 'partIdList', null);  //清空分部分项
            this.$set(this.form, 'dangerDangerDTOS', [])//清空 危大工程范围
            this.$set(this.form, 'partIdList', null);  //清空分部分项
            this.$set(this.form, 'technicalName', null)//清空 技术方案分类
            this.$set(this.form, 'technicalId', null)//清空 技术方案分类
          },
        },
        {
          label: '分部分项',
          type: SelectTreeSubItem,
          keyName: 'partIdList',
          disabled: this.disableForm,
          attrs: {
            fatherDisabled: true,
            typeId:this.form.projectQualityTypeId,
            isMultiple:true
          },
        },
        {
          keyName: 'acceptanceEmployeeId',
          label: '危大工程范围',
          hidden:!this.schemeAB,
          slot: true,
          rule: {
            required: true,
            message: '请选择危大工程范围',
            trigger: 'change'
          }
        },
        {
          keyName: 'currentVersion',
          type: 'BaseInput',
          label: '现行版本',
          disabled: this.disableForm,
        },
        // {
        //   keyName: 'tableNumber',
        //   type: 'BaseInput',
        //   label: '报审表编号',
        //   disabled: true
        // },
        {
          keyName: 'documentCode',
          type: 'BaseInput',
          label: '文件编码',
          disabled: this.disableForm,
        },

        {
          keyName: 'preparedPeople',
          type: SelectPersonByProject,
          disabled: this.disableForm,
          formClass:'preparedPeopleClass',
          placeholder: ' ',
          label: '编制人员',
          attrs: {
            showSearch: true,
            mode: 'combobox',
            projectId: this.form.projectId,
            orgId: this.form.projectDeptId,
            optionLabelProp: 'children',
          }
        },
        {
          keyName: 'textPageNum',
          type: 'BaseInput',
          label: '正文页数',
          disabled: this.disableForm,
        },
        {
          keyName: 'appendixNum',
          type: 'BaseInput',
          label: '附件页数',
          disabled: this.disableForm,
        },
        {
          keyName: 'technicalName',
          slot: true,
          label: '技术方案分类',
          disabled: this.disableForm,
        },
        {
          keyName: 'planInfo',
          type: 'BaseTextarea',
          label: '方案概况',
          disabled: this.disableForm,
          span: 24
        },
        {
          keyName: 'isMajorDemands',
          slot: true,
          label: '是否涉及嫌重大费用诉求',
          disabled: this.disableForm,
        },
        {
          keyName: 'professionalSubcontractProgram',
          slot: true,
          label: '是否为专业分包方案',
          disabled: this.disableForm,
        },
        {
          keyName: 'subTypeId',
          type: 'a-select',
          label: '分包类型',
          disabled: this.disableForm,
          hidden:!this.form.professionalSubcontractProgram,
          data:this.subcontractType,
        },
        {
          keyName: 'fileList',
          // type: 'uploadFile',
          // disabled: true,
          slot: true,
          label: '附件上传',
          span: 24,
          businessCode: 'BIM03'
        }
      ]
    },
    pushList() {
      return [
        {
          keyName: 'classicsTypeId',
          type: 'a-select',
          label: '经典方案',
          disabled: true,
          data: planClassic
        },
        // 因为推局级和公司级都是用的同一个字段，所以新增一个字段用于查看显示
        {
          keyName: 'pushInfo',
          type: 'BaseTextarea',
          disabled: this.editModel == 0,
          label: '推优理由',
          span: 24
        },
        {
          keyName: 'pushFileList',
          type: 'uploadFile',
          disabled: this.editModel == 0,
          label: '附件上传',
          hiddenRemark: true,
          span: 24,
          businessCode: 'BIM03',
          remark: '备注：上传相关证明和支撑文件'
        }
      ]
    },
    pushOfficeList() {
      return [
        {
          keyName: 'classicsTypeId',
          type: 'a-select',
          label: '经典方案',
          disabled: true,
          data: planClassic
        },
        {
          keyName: 'pushOfficeInfo',
          type: 'BaseTextarea',
          label: '推优理由',
          disabled: this.editModel == 0,
          span: 24
        },
        {
          keyName: 'pushOfficeFileList',
          type: 'uploadFile',
          label: '附件上传',
          hiddenRemark: true,
          span: 24,
          businessCode: 'BIM03',
          disabled: this.editModel == 0,
          remark: '备注：上传相关证明和支撑文件'
        }
      ]
    }
  },
  methods: {
    setDangerProjectTypeName(str){
      let newStr = '';
      if(str.length>30){
          newStr = `${str.slice(0, 30)}...`
      }else{
        newStr = str;
      }
      return newStr;
    },
    changeFile(list){
      const obj = {}
      for (let idx in list) {
        const item = list[idx]
        obj[idx] = item && item.map((v) => v.commonId)
      }
      this.form.newFileIds = obj
    },
    cancelSelectTechnicalClass(flag, data) {
      this.selectTechnicalClassVisible = false
      if (data) {
        this.form.technicalName = data.partialInfo
        this.form.technicalId = data.id
      }
    },
     //选择危大工程
    delDangerProjectType(removedTag){
      const newList = this.form.dangerDangerDTOS.filter(item => item.dangerProjectTypeId !== removedTag);
      this.form.dangerDangerDTOS = newList;
    },
    cancelDangerousProject(flag,data){
      console.log(data,12223)
      this.dangerousProjectVisible = flag;
      let newData = [];
      if(data){
        data.map((item)=>{
          newData.push({
            dangerProjectTypeId:item.id?item.id:item.dangerProjectTypeId,
            dangerProjectTypeName:item.desc?item.desc:item.dangerProjectTypeName
          })
        })
        this.form.dangerDangerDTOS = newData || [];
      }
    },
   async selectOrg(val) {
         this.form.branchCompanyId = val[val.length - 2].orgId;
         this.$set(this.form, 'dangerDangerDTOS', [])//清空 危大工程范围
    },
    getDetails() {
      this.loading = true
      getPlanHighlights({ id: this.id })
        .then(res => {
          this.loading = false
          this.form = { ...this.form, ...res.data }
          let form = this.$clone(this.form)
          if(this.editModel==3){   //推局级
            this.form.classicsTypeId = '948478678424227840';
          }
          if(this.form.pushOfficeInfo && this.editModel ==0){   //他有值，并且为查看，
              this.pushOfficeList[0].keyName = 'classicsTypeIdTwo';
              this.form.classicsTypeIdTwo = '948478678424227840';
          }
          // if (form.pushOfficeId == '2' && this.editModel != 0) {
          //   this.form.pushTypeId = form.pushOfficeId
          //   this.form.pushInfo = form.pushOfficeInfo
          //   this.form.pushFileList = form.pushOfficeFileList
          //   this.form.pushOfficeId = null
          //   this.form.pushOfficeInfo = null
          //   this.form.pushOfficeFileList = null
          // }
          this.fileListObj = res.data.newFileInfo
          if(res.data.newFileInfo['1']){
            this.changeFile( this.fileListObj)
          }
          this.$nextTick(() => {
            this.init = true
          })
        })
        .catch(() => {
          this.loading = false
        })
    },
    /**
     * 提交表单
     */
    validateForm() {
      let flag = false
      this.$refs.ruleForm.validate(e => {
        if (e) {
          flag = true
        }
      })
      return flag
    },
    /**
     * 提交表单
     */
    handleSubmit(status) {
      this.setProcessConfig = null;
      if (status == 'SUBMITTED' && !this.validateForm() && this.editModel*1!==3) {
        return
      }
      if( status == 'SUBMITTED' &&  this.editModel*1!==3 && !this.form.preparedPeople){  //编制人员特殊处理
          this.$message.warning('请选择编制人员');
          return
        }
      if(status == 'SUBMITTED' && this.editModel*1!==3){  //只有点击提交
        if(!this.form.newFileIds['1'] || this.form.newFileIds['1']?.length==0){
           this.$message.warning('请上传施工方案电子版');
        return
        }
        if(!this.form.newFileIds['3'] || this.form.newFileIds['3'].length==0){
          this.$message.warning('请上传相关会签表')
          return
        }
        if(!this.form.pushFileList || this.form.pushFileList.length==0){
          this.$message.warning('请上传相关证明和支撑文件')
          return
        }
      }
      let form = this.$clone(this.form)
      // if (form.pushTypeId == '2') {
      //   form.pushTypeId = null
      //   form.pushInfo = null
      //   form.pushFileList = null
      //   form.pushOfficeId = this.form.pushTypeId
      //   form.pushOfficeInfo = this.form.pushInfo
      //   form.pushOfficeFileList = this.form.pushFileList
      // }
      if(this.editModel == 3){   //推局级
        if(!this.form.pushOfficeFileList || this.form.pushOfficeFileList.length==0){
          this.$message.warning('请上传相关证明和支撑文件')
          return
        }
        form.pushOfficeAuditStatus = status;
      }else{
        form.auditStatus = status
      }
      // this.$userInfo()获取当前登录人信息
      form.peopleCode = this.$userInfo().currentPost.postCode
      this.submitApprovalConfirm(status == 'SUBMITTED' ? this.processConfig : 6, (flag)=>{
        if(!flag) {
          this.loading = false
          this.loadingBtn[status] = false
          return
        }
        this.loading = true
        this.loadingBtn[status] = true
      addPlanHighlights(form)
        .then((res) => {
          this.loading = false
          this.loadingBtn[status] = false
          this.$message.success(status == 'SUBMITTED' ? '提交成功！' : '保存成功')
          const postCode = this.$currentPost().postCode
         //COTMBMJL 等于这个岗位不能选择弹框
           if(status =='SUBMITTED') {
            //提交时，返回id
              this.businessId = res.data || this.id;
              this.setProcessConfig = this.processConfig;
              return
            }else{
            //this.$multiTab.close()
          }
        })
        .catch((err) => {
          this.loadingBtn[status] = false
          this.loading = false
          this.$message.warning(err.data.message)
        })
      })
    }
  }
}
</script>
<style lang="less" scoped>
@deep: ~'>>>';
/deep/ .form-item  {
  .ant-input:not([disabled]),
  .ant-select:not(.ant-select-disabled) .ant-select-selection,
  .ant-calendar-picker-input,
  .ant-input-number:not([disabled]),
  .ant-cascader-picker {
    border-color: #e4ac0b;
    background-color: #fff9e8;
  }
  .ant-input-disabled,
  .ant-input-number-disabled .ant-input-number-input,
  .ant-time-picker-input[disabled] {
    border-color: #d9d9d9 !important;
    background-color: #f5f5f5 !important;
  }
  .remark {
    .ant-input {
      border-color: inherit;
      background-color: initial;
    }
  }
}

/deep/ .table-page-search-wrapper{
   .requireX::before{
    display: inline-block;
    color: #f5222d;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: '*';
  }
 .planSelection-class{
 .ant-form-item-children{
    position: relative;
    display: flex;
    .BaseInput-container{
      width: 91%;
    }
   }
   .ant-btn{
      position: absolute;
      right: -40px;
      top: 0;
      flex: 1;
      z-index: 100;
    }
}
.ant-input-disabled{
  background-color: #F5F5F5!important;
  border-color:#d9d9d9!important;
}
}
.rulesForm{
   @{deep} .preparedPeopleClass .ant-select-selection{
     border-color: #e4ac0b;
     background-color: #FFF9E8;
   }
 }
</style>
